﻿.classDetailsView section[role=main] {

}

.classDetailsView .class-detail {
    -ms-grid-columns: 1fr 2fr;
    -ms-grid-rows: 1fr;
	height:100%;
    display: -ms-grid;
}

.classDetailsView .class-detail #mapDiv {
	position:relative;
	height:100%;
	width:100%;
    -ms-grid-column: 1;
    -ms-grid-row: 1;
}

.classDetailsView .class-detail .class-info {
	position: absolute;
    -ms-grid-column: 2;
    -ms-grid-row: 1;
}

.classDetailsView p {
    margin-left: 120px;
}

@media screen and (-ms-view-state: snapped) {
    .classDetailsView section[role=main] {
        margin-left: 20px;
    }
    .groupeditemslist {
	    margin-right:20px;
    }
}

@media screen and (-ms-view-state: portrait) {
    .classDetailsView section[role=main] {
        margin-left: 100px;
    }
}